<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> <Somnus:sitecfg name="sitetitle"/> </title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="description" content=" <Somnus:sitecfg name="sitedescription"/> ">
<meta name="Keywords" content=" <Somnus:sitecfg name="sitekeywords"/> ">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/mui.min.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/feiqi-ee5401a8e6.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/newpay-bb7fcb5546.css">
<style>
body,html,.mui-content{ background:#fff;}
.dant a {
    font-size: 13px;
    display: inline-block;
}
.posfix{
	position: fixed;
	bottom: 0;
}
.jumpdown{
	width: 100%;
}
.jumpdown img{
	padding-top: 10px;
	width: 100%;
}
.orange{
	color: #fb6f00!important;
}

.process{ padding-top:40px; height:300px;}
.process_left .iconss{ position:relative; height:200px;}
.iconss{ float:left; width:20px; height:100%; margin-left:20px; margin-top:15px;}
.iconss li{ position:absolute; z-index:10; height:200px; width:20px; height:20px;}
.iconss li img{ width:100%; height:100%;}
.iconss li:nth-child(1){ top:0px;}
.iconss li:nth-child(2){ top:80px;}
.iconss li:nth-child(3){ top:160px;}
.iconss .process_line{ height:160px; margin-top:3px; position:absolute; width:3px; background:#ccc; left:45%;}
.iconss .process_line_ac{ margin-top:3px; position:absolute; width:3px; background:#6cc904; left:45%;}

.times{ float:left; position:relative; width:20px; height:160px; margin-left:11px; font-size:13px;}
.times li{ position:absolute; text-align:center;}
.times li:nth-child(1){ top:0px;}
.times li:nth-child(2){ top:90px;}
.times li:nth-child(3){ top:170px;}

.process_right{ float:left; width:70%; margin-left:15px;}
.process_txt{ position:relative;}
.process_txt li{ position:absolute; border-bottom:solid 1px #efefef;}
.process_txt li:nth-child(1){ top:19px;}
.process_txt li:nth-child(2){ top:98px;}
.process_txt li:nth-child(3){ top:176px;}
.process_txt li{ font-size:14px;}
.process_txt li h3{ font-size:16px;}

.b_content{ width:90%; margin:0 auto; color:#d80617;}
</style>
</head>
<body>
    <!-- header -->
    <header class="mui-bar mui-bar-nav hnav">
		<a href="{:U('Info/chaxun')}" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">{$bank_sheng.sheng_type|default='查询公司流水'}</h1>
	</header>
	<!-- header end-->
<div class="mui-content">
<notempty name="bank_sheng.status">
<div class="process">
<div class="process_left">
<ul class="times">
<li>{$bank_sheng['status']['sheng_1_time']}</li>
<li>{$bank_sheng['status']['sheng_2_time']}</li>
<li>{$bank_sheng['status']['sheng_3_time']}</li>
</ul>

<ul class="iconss">	
	<li><img src="__PUBLIC__/home/imgs/process_{$bank_sheng['status']['status_1']|default=0}.png" /></li>
    <li><img src="__PUBLIC__/home/imgs/process_{$bank_sheng['status']['status_2']|default=0}.png" /></li>
    <li><img src="__PUBLIC__/home/imgs/process_{$bank_sheng['status']['status_3']|default=0}.png" /></li>
    <span class="process_line"></span>
    <span class="process_line_ac"></span>
</ul>
</div>

<div class="process_right">
<ul class="process_txt">
<if condition="$bank_sheng['status']['status_1'] eq 1">
<li><h3>公司流水账单提交成功</h3>{$bank_sheng['status']['sheng_1_fail_source']}</li>
<elseif condition="$bank_sheng['status']['status_1'] eq 2" />
<li><h3>公司流水账单提交失败</h3>{$bank_sheng['status']['sheng_1_fail_source']}</li>
<else/>
<li><h3>公司流水账单审核中</h3>{$bank_sheng['status']['sheng_1_fail_source']}</li>
</if>

<if condition="$bank_sheng['status']['status_2'] eq 1">
<li><h3>公司流水账单操作成功</h3>{$bank_sheng['status']['sheng_2_fail_source']}</li>
<elseif condition="$bank_sheng['status']['status_2'] eq 2" />
<li><h3>公司流水账单操作失败</h3>{$bank_sheng['status']['sheng_2_fail_source']}</li>
<else/>
<li><h3>公司流水账单操作中</h3>{$bank_sheng['status']['sheng_2_fail_source']}</li>
</if>

<if condition="$bank_sheng['status']['status_3'] eq 1">
<li><h3>公司流水账单审核完成</h3>{$bank_sheng['status']['sheng_3_fail_source']}</li>
<elseif condition="$bank_sheng['status']['status_3'] eq 2" />
<li><h3>公司流水账单审核失败</h3>{$bank_sheng['status']['sheng_3_fail_source']}</li>
<else/>
<li><h3>公司流水账单审核操作中</h3>{$bank_sheng['status']['sheng_3_fail_source']}</li>
</if>
</ul>
</div>
</div>
<else />
<div class="flow" style="text-align:center; margin:20px;">
<img src="__PUBLIC__/home/imgs/false.png" alt="" style="width:30%;">

<div style="text-align:center; color:#ccc; margin-top:10px;">敬请等待通知！</div>
</div>
</notempty>
</div>

<div class="b_content">{$bank_sheng.content}</div>
<script src="__PUBLIC__/home/js/jquery-1-fe84a54bc0.11.1.min.js"></script>	
<script>
var status_1="{$bank_sheng['status']['status_1']}";
var status_2="{$bank_sheng['status']['status_2']}";
var status_3="{$bank_sheng['status']['status_3']}";

if(status_2>0){
	$(".process_line_ac").height(80);
}
if(status_3>0){
	$(".process_line_ac").height(160);
}

$('.bottom-bar a').click(function(){
	$('.bottom-bar a').removeClass('cur');
	$('.bottom-bar a span').removeClass('cur');
	$(this).addClass('cur');
	$(this).find('span').eq(0).addClass('cur');
});
function toorder(){
	window.location.href = "{:U('Index/index')}";
}
</script>
<div style="display: none;">
	<Somnus:sitecfg name="sitecode"/>
</div>
<include file="Public/footer" />
</body>
</html>